<template>
  <div class="warp">
    <my-dv-bar style="margin-left: -20px" fit :columns="columns" :rows="rows" legend></my-dv-bar>
  </div>
</template>
<script>
export default {
  components: {},
  props: {
  },
  data() {
    return {
      columns: ['星期', '直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎'],
      rows: [
          ['周一', 320, 302, 301, 334, 390, 330, 320],
          ['周二', 120, 132, 101, 134, 90, 230, 210],
          ['周三', 220, 182, 191, 234, 290, 330, 310],
          ['周四', 150, 212, 201, 154, 190, 330, 410],
          ['周五', 320, 132, 401, 334, 290, 330, 320]
      ]
    }
  },
  computed: {
  },
  methods: {
  },
  created() {
  },
  mounted() {
  }
}
</script>
<style lang="scss" scoped>
.warp{
  width:90%;
  height: 100%;
  padding:10px;
  box-sizing: border-box;
  * {
    box-sizing: border-box;
  }
}
</style>